import React from 'react'
import Title from './Title'
import styled from 'styled-components'
const UrlWrapper = styled.article`
    .other-urls{
        display: flex;
       a{
            display: flex;
            justify-content: center;
            align-items: center;
            margin-left:12px ;
            padding: 0 3px;
            margin-top:6px ;
       }
    }
`;

export default function OtherUrls() {
    return (
        <UrlWrapper>
            <Title text="相关链接" />
            <div className="other-urls">
                <a href="http://118.31.67.126/">个人网站</a>
                <a href="https://juejin.im/user/2242659452457454/posts">掘金博客</a>
                <a href="https://github.com/aslan-alt">GitHub</a>
                <a href="https://gitee.com/xiong-jingsong/projects">码云</a>
            </div>
        </UrlWrapper>

    )
}
